.container{
    height: 100vh;
	background: $white;
}
.head{
    background: #ffffff;
    padding: 30rpx;
    .head-info{
        display: flex;
        align-items: center;
        border-bottom: 1rpx solid rgba(148, 151, 177, 0.2);
        padding-bottom: 30rpx;
    }
    .info-portrait{
        margin-right: 24rpx;
    }
    .info-identity{
        display: flex;
        align-items: center;
        .name{
            font-size: 46rpx;
            font-weight: 500;
            margin-right: 12rpx;
        }
        .sex{
            width: 32rpx;
            height: 32rpx;
            margin: 0 12rpx;
        }
        .position{
            height: 38rpx;
            @include padding-box(2rpx 15rpx);
            background: rgba(255, 199, 104, 0.1);
            color: #FFB22F;
            display: flex;
            align-content: center;
            justify-content: center;
            border-radius: 18rpx;
        }
    }
    .info-contact{
        margin-top: 24rpx;
        display: flex;
        align-items: center;
    }
    .head-invitee{
        margin-top: 30rpx;
    }
}
.body{
    display: flex;
    align-items: center;
    @include padding-box(0 30rpx);
    .long-btn-ignore{
        width: 400rpx;
        height: 88rpx;
        background: #FFFFFF;
        border-radius: 44rpx;
        border: 2rpx solid #EAEAEF;
        color: #565868;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 30rpx 24rpx 0 0;
    }
    .long-btn:not([size=mini]){
        margin-top: 30rpx;
    }
}